<template>
	<view class="container">
		<list ref="refList" url="/api/v1/user/sign" res="data.data">
			<template #list="{list}">
				<view class="content-section">
					<view class="signFlex" v-for="(item,index) in list" :key="index">
						<view class="topBanner" style="display: flex;">
							<image src="@/static/img/img16.png"
								style="width: 80rpx; height: 80rpx; margin-right: 15rpx;"> </image>
							<view>
								<view class="text01">签到赠送积分</view>
								<view class="text02">{{item.created_at}}</view>
							</view>
						</view>
						<view class="text03">+{{item.amount}}</view>
					</view>
				</view>
			</template>
		</list>
		<!-- <view class="signFlex">
				<view style="display: flex;">
					<view>
						<image src="@/static/img/img16.png" style="width: 80rpx; height: 80rpx; margin-right: 15rpx;">	</image>
					</view>
					<view>
						<view class="text01">签到赠送积分</view>
						<view class="text02">2023/06/30 12:09:23</view>
					</view>
				</view>

			
			</view> -->
	</view>
</template>

<script setup lang="ts">
	import route from '@/utils/route';
	import list from '@/components/list';
	import { toast } from '@/utils/fun';
	import { onLoad } from '@dcloudio/uni-app';
	import { ref,nextTick } from 'vue';
	import { http, apiPath } from '@/common/http/index';
	onLoad(() => {
		get_list()
	});
	const [refList, loading] = [ref(), ref()];
	const get_list = () => {
		nextTick(() => {
			refList.value.init()
		})
	};
</script>

<style lang="scss" scoped>
	.container {
		padding: 25rpx 20rpx;
		background: #fff;
		min-height: 95vh;
	}

	.signFlex {
		/* margin: 0 0 30rpx; */
		padding: 28rpx 20rpx;
		border-bottom: 0.5px solid rgba(235, 235, 235, 1);
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.text01 {
		margin-bottom: 10rpx;
		padding: 0 0;
		font-size: 32rpx;
		line-height: 21px;
		color: rgba(51, 51, 51, 1);
	}

	.text02 {
		font-size: 24rpx;
		line-height: 32rpx;
		color: rgba(153, 153, 153, 1);
	}

	.text03 {
		font-size: 36rpx;
		line-height: 48px;
		color: rgba(51, 51, 51, 1);
	}
</style>